<template>

    <div class="content" style="margin-top: 10px; background-color: #fff;">
        <div class="item" v-for="(item,index) in itemList" :key="index">
            <div class="itemIcon-blue"><van-icon :name="item.iconName" :class="item.class"/></div>
            <div class="itemTitle">{{item.itemTitle}}</div>
        </div>
    </div>
    
</template>


<style>
.content{
  padding: 30px;
  display: flex;
  justify-content: space-between;
}

.item{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.itemIcon-blue{
  color: #45CBFF;
  font-size: 60px;
}

.item .itemTitle{
  padding: 10px;
  font-size: 25px;
}
</style>

<script>
export default {
    data() {
        return {
            itemList: [
                {iconName:"shop-collect",itemTitle:"店铺收藏"},
                {iconName:"vip-card",itemTitle:"会员服务"},
                {iconName:"service",itemTitle:"联系客服"},
                {iconName:"cash-back-record",itemTitle:"退款售后"},
            ]
        }
    }
}
</script>